<div class="text-success flex items-center gap-x-0.5 hidden" data-stack-manager--url-input-target="verifyUrlSuccess">
  Connection successful
  <iconify-icon icon="lucide:circle-check"></iconify-icon>
</div>
<div class="text-error flex items-center gap-x-0.5 hidden" data-stack-manager--url-input-target="verifyUrlError">
  <span data-stack-manager--url-input-target="errorMessage">Connection failed</span>
  <iconify-icon icon="lucide:circle-x"></iconify-icon>
</div>
<div class="text-gray-500 flex items-center gap-x-0.5 hidden" data-stack-manager--url-input-target="verifyUrlLoading">
  Loading
  <iconify-icon class="animate-spin" icon="lucide:loader-circle"></iconify-icon>
</div>